{% if app.user.id == amistad.de.id %}
    {% set otroUser = amistad.para %}
{% else %}
    {% set otroUser = amistad.de %}
{% endif %}

{% if amistad.estado == 1 %}
    {% set estado = "pendiente" %}
{% elseif amistad.estado == 2 %}
    {% set estado = "aceptada" %}
{% else %}
    {% set estado = "rechazada" %}
{% endif %}

<div class="una-amistad una-amistad-gender-{{otroUser.sexo}} una-amistad-{{amistad.id}} una-amistad-{{estado}}">
    <div class="titulo">
        <a href="{{ url('perfil',{ 'usuario': otroUser.id}) }}">{{ otroUser.nombre }} - {{ otroUser.edad }} años</a>
    </div>
    <div class="imagen">
        <a href="{{ url('perfil',{ 'usuario': otroUser.id}) }}">
            <img src="{{ otroUser.imagenDefault }}" alt="{{otroUser.nombre}}" title="{{otroUser.nombre}}"/>
        </a>
    </div>
    <div class="mensaje">
        {{ amistad.mensaje }}
    </div>
    <div class="actions">
        <ul>
            {% if amistad.estado == 1 %}
                {% if app.user.id == amistad.de.id %}
                    <li class="cancelar-solicitud c-solicitud-n-{{amistad.id}}">
                        <a href="javascript:void(0);" onclick="cancelarAmistad({{amistad.id}})">Cancelar solicitud</a>
                    </li>
                {% else %}
                    <li class="aceptar-amistad a-solicitud-n-{{amistad.id}}">
                        <a href="javascript:void(0);" onclick="aceptarAmistad({{amistad.id}})">Aceptar amistad</a>
                    </li>
                {% endif %}
            {% elseif amistad.estado == 2 %}
                <li class="eliminar-amistad e-solicitud-n-{{amistad.id}}">
                    <a href="javascript:void(0);" onclick="eliminarAmistad({{amistad.id}})">Eliminar de mis amigos</a>
                </li>
            {% else %}
                <li class="cancelar-solicitud c-solicitud-n-{{amistad.id}}">
                    <a href="javascript:void(0);" onclick="cancelarAmistad({{amistad.id}})">Cancelar solicitud</a>
                </li>
            {% endif %}
        </ul>
    </div>
</div>
